<template>
    <div>
        <v-avatar color="primary" size="36">
            <img :src="data.uu.img">
        </v-avatar>
        <a :href="'/user/'+data.uu.id" target="_blank" style="font-size: medium;margin-left: 10px;color: dodgerblue; text-decoration: none; font-weight: bold">{{data.uu.name}}</a>
        <br/>
        <span style="color: gray;font-size: small">{{data.content.theTime}}</span>
        <br/>
        <a :href="'/user/'+data.tu.id" target="_blank" style="text-decoration: none">@{{data.tu.name}} </a>
        <strong> {{data.content.text}}</strong>
    </div>
</template>

<script>
    export default {
        name: "c-repl",
        props:{
            data: '',
        },
        data(){
            return{

            }
        },
        created() {

        }
    }
</script>

<style scoped>

</style>